import React from 'react'
import ShowList from '@/components/showList/ShowList'
import Swiper from './Swiper'
import {PathWrapper,RecommendWrapper} from './styledBuy'
import c1 from '@/assets/images/c-1.png'
import c2 from '@/assets/images/c-2.png'
import c3 from '@/assets/images/c-3.png'

export default function Recommend(props) {
    // console.log(props);
    return (
        <RecommendWrapper>
            <Swiper></Swiper>

            <PathWrapper>
                <ul>
                    <li> <img src={c1}  /> 正品保障</li>
                    <li> <img src={c2}  /> 逐渐查验</li>
                    <li> <img src={c3}  /> 多重鉴别</li>
                </ul>
            </PathWrapper>
            <div className='line'></div>

           <ShowList list={props.list}></ShowList>
        </RecommendWrapper >
    )
}
